<!DOCTYPE html>

<!-- $Id: pane.html 21 2012-04-13 07:43:23Z azbitnev@gmail.com $ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<title>pane</title>

<link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.min.css" rel="stylesheet" type="text/css"/> 
<!--[if IE]><link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.ie.min.css" rel="stylesheet" type="text/css"/><![endif]-->

<link href="../release/themes/grey.min.css" rel="stylesheet" type="text/css"/> 

<script src="http://code.jquery.com/jquery.min.js" charset="utf-8" type="text/javascript"></script>
<script src="../release/jquery.ys.min.js"></script>

<style>

body { margin: 1em; }

.ys-pane {
	border: 1px dotted #ccc;
	width: 624px;
}

.ys-pane > .clip-rect {
	width: 600px;
	height: 300px;
}

.ys-pane > .clip-rect > div {
	width: 800px;
}

.ys-pane > .clip-rect {
	margin-left: 0.8em;
}

.ys-pane > .ys-scrollbar-vertical {
	margin-top: 0.8em;
}

.ys-pane > .ys-scrollbar-horizontal {
	margin-left: 0.8em;
}






</style>

<script>

$(document).ready(function () {

	$.ys.pane.create('.ys-pane', {	})
})

</script>

</head>

<body>

	<div class="ys-pane">
		<div class="clip-rect">
			<div>
				<p>Lorem ipsum dolor sit amet, at pro ferri deleniti moderatius, ea qui dicit regione. Sed ferri mundi tempor ei. Cum ex iuvaret eripuit propriae, eam cu primis malorum contentiones, ius luptatum verterem gubergren an. In ludus mandamus qui, vix eu movet argumentum, eam quas epicurei dissentiet ea. Mel ne eligendi euripidis consectetuer, eu error quidam gloriatur nec. Ut his dico elaboraret omittantur.</p>
				<p>Mel cu porro omnium philosophia. Cu sed exerci senserit, legimus denique blandit qui eu. Summo accusamus corrumpit ad vel. Sit mutat audiam ex. Natum molestiae ex pro, sint facete ex sea, ei quod illud invenire sea.</p>
				<p>Explicari consulatu quaerendum quo ei, eu est graece persecuti necessitatibus, altera omnesque petentium his ne. Delectus constituam ne nec, te periculis dissentiunt mei, euripidis vulputate eam in. Ne nec modo assentior definitiones. Ne clita indoctum quo, in vel modus error epicurei, mei dicta consectetuer mediocritatem ex. Eu pro quando consectetuer.</p>
				<p>Vix te lobortis suscipiantur delicatissimi. Duo eros graeci alienum ex. Hendrerit adversarium vix at. Ne facilis lucilius hendrerit pro, audire senserit consequat ne est. No est doming recusabo vulputate, deseruisse delicatissimi at vel.</p>
				<p>Nec meis omittam torquatos ut, eum id percipit fabellas oportere. Has nullam praesent no, cu natum delectus senserit vim. Mea saperet singulis ex, ex sit vidisse alterum nonumes. Dictas delenit salutatus nec ad, quo ad munere dolore. In quot utinam euismod sit, cu vel legere sanctus.</p>
				<p>Doming everti imperdiet vix id, his augue ludus numquam te, cu quem solet conceptam sea. Ex discere assueverit sed, his quis invidunt reprehendunt in. Idque mucius malorum pri an, omnesque pertinacia et mea. Cu has harum bonorum. Ignota constituam an cum.</p>
			</div>
		</div>
	</div>	

</body>